<template>
  <el-descriptions class="margin-top" title="收货地址" :column="3" :size="size">
    <template slot="extra">
      <el-button type="primary" size="small">修改</el-button>
    </template>
    <el-descriptions-item label="收货人">{{TopNavAddress[0].receiverName}}</el-descriptions-item>
    <el-descriptions-item label="手机号">{{TopNavAddress[0].receiverMobile}}</el-descriptions-item>
    <el-descriptions-item label="居住地">{{TopNavAddress[0].province}}</el-descriptions-item>

    <el-descriptions-item label="详细地址">{{TopNavAddress[0].city}} - {{TopNavAddress[0].area}} - {{TopNavAddress[0].addr}}</el-descriptions-item>
  </el-descriptions>
</template>

<script>
export default {
  props: {
    TopNavAddress: {
      type: Array,
      default: []
    }
  },
  data() {
    return {
      size: ''
      // 收货地址数据
      // TopNavAddress: []
    }
  }
}
</script>

<style>
</style>